<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>背景属性</title>
		<style>
			div{
				width:500px;
				height: 500px;
				background-color: #b4beff;
				/* 背景图属性 */
				background-image: url(../img/hh.png);
				/* 背景大于空间*/
				background-size: 30% 30%;
				/* 背景小于空间--平铺 */
				background-repeat: no-repeat;
				/* 背景图小于空间-->背景定位属性,属性值 x%y% 数值px数值px 英文 */
				background-position: 20% 0%;
				background-position:100px 0;
				background-position:center center;
			}
			/* 背家国固定属性:fixed固定模式->理解，水印
			先决条件:1.高度空间足够形成滚动条
			2.引背最图滚动模式,。1.等比例放大国片，覆盖整个容器
			                      2.等比例缩放图片，保证图片全部是示在容器中
								  3.营景国固定属性:background-attachment:fixed 到固定页面上
								  */
			body{
				/* 高度:100000px形成滚动条 */
				height: 100000px;
				/* 引入图 */
				background-image: url(../img/hh.png);
				/*  */
				background-attachment: fixed;
			}
		</style>
	</head>
	<body>
		Lorem ipsum dolor, sit amet consectetur adipisicing elit. Veritatis id eius explicabo, commodi doloremque eveniet libero maiores magni, accusamus voluptatem tempore doloribus reprehenderit earum illo, sequi dicta? Ipsum, a similique!
		<div></div>
	</body>
</html>